<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>广告代码 带左右按钮jquery图片切换相册 阿里西西首发</title>
<script src="js/jquery-1.4.4.min.js"></script>
<script src="js/slides.min.jquery.js"></script>
<script type="text/javascript">
		$(function(){
			$('#slides').slides({
				preload: true,
				preloadImage: 'img/loading.gif',
				play: 5000,
				pause: 2500,
				hoverPause: true,
				animationStart: function(){
					$('.caption').animate({
						bottom:-35
					},100);
				},
				animationComplete: function(current){
					$('.caption').animate({
						bottom:0
					},200);
					if (window.console && console.log) {
						// example return of current slide number
						console.log(current);
					};
				}
			});
		});
</script>
<link rel="stylesheet" href="css/global.css">
</head>
<body>
您的位置：<a href="http://www.alixixi.com">阿里西西</a> <a href="http://js.alixixi.com">网页特效</a> <a href="http://js.alixixi.com/c/guanggao_1.shtml">广告代码</a><hr />
	<div id="container">
		<div id="example">
			<img src="img/new-ribbon.png" width="112" height="112" alt="New Ribbon" id="ribbon">
			<div id="slides">
				<div class="slides_container">
					<div>
						<a href="http://www.zzjs.net/" title="阿里西西广告图片" target="_blank"><img src="img/slide-1.jpg" width="570" height="270" alt="Slide 1"></a>
						<div class="caption" style="bottom:0">
							<p>阿里西西一号相册图片</p>
						</div>
					</div>
					<div>
						<a href="http://www.alixixi.com/" title="阿里西西广告图片" target="_blank"><img src="img/slide-2.jpg" width="570" height="270" alt="Slide 2"></a>
						<div class="caption">
							<p>阿里西西二号相册图片</p>
						</div>
					</div>
					<div>
						<a href="http://www.alixixi.com" title="阿里西西广告图片" target="_blank"><img src="img/slide-3.jpg" width="570" height="270" alt="Slide 3"></a>
						<div class="caption">
							<p>阿里西西三号相册图片</p>
						</div>
					</div>
					<div>
						<a href="http://www.alixixi.com" title="阿里西西广告图片" target="_blank"><img src="img/slide-4.jpg" width="570" height="270" alt="Slide 4"></a>
						<div class="caption">
							<p>阿里西西四号相册图片</p>
						</div>
					</div>
					<div>
						<a href="http://www.alixixi.com" title="阿里西西广告图片" target="_blank"><img src="img/slide-5.jpg" width="570" height="270" alt="Slide 5"></a>
						<div class="caption">
							<p>阿里西西五号相册图片</p>
						</div>
					</div>
					<div>
						<a href="http://www.zzjs.net" title="阿里西西广告图片" target="_blank"><img src="img/slide-6.jpg" width="570" height="270" alt="Slide 6"></a>
						<div class="caption">
							<p>阿里西西六号相册图片</p>
						</div>
					</div>
					<div>
						<a href="http://www.alixixi.com" title="阿里西西广告图片" target="_blank"><img src="img/slide-7.jpg" width="570" height="270" alt="Slide 7"></a>
						<div class="caption">
							<p>阿里西西七号相册图片</p>
						</div>
					</div>
				</div>
				<a href="#" class="prev"><img src="img/arrow-prev.png" width="24" height="43" alt="上一张"></a>
				<a href="#" class="next"><img src="img/arrow-next.png" width="24" height="43" alt="下一张"></a>
			</div>
			<img src="img/example-frame.png" width="739" height="341" alt="Example Frame" id="frame"/>
		</div>
        <p><a href="http://www.alixixi.com" target="_blank">阿里西西</a>原创首发，转载请注明出处！
	</div>
</body>
</html>
